/**
 * Created by fdg296 on 2017/9/29.
 */
$(document).ready(function(){

    $('#table_id_example').DataTable({
        dom: '<"top">rt<"bottom"flip><"clear">',
        language: {
            "sUrl":'../static/plugins/datatables/language.json'
        },
        "searching": false,
        "processing": true,
        "serverSide": true,
        ajax:{
            url:'/goods-tag/get-tag-group-list',
            type:'post',
            data:function(d){
                d.tag_group_name = $('#tag_group_name').val();
            },
            error:getError
        },
        aoColumns: [
            { "data": "", "bSortable": false},
            { "data": "id", "bSortable": true},
            { "data": "tag_group_name", "bSortable": false },
            { "data": "tag_group_alias", "bSortable": false },
            { "data": "id", "bSortable": false },
            { "data": "sort", "bSortable": true },
            { "data": "use_flg", "bSortable":false }
        ],
        columnDefs: [
            {
                "targets": [0],
                "orderable":false,
                "searchable":false,
                "render": function(data, type, full) {
                    return '<a href="javascript:" onclick="updateRoleGroup('+ full.id +')">修改</a>';
                }
            },
            {
                "targets": [1],
                "searchable":false
            },
            {
                "targets": [4],
                "orderable":false,
                "searchable":false,
                "render": function(data, type, full) {
                    return '<a href="javascript:" onclick="addTag('+ full.id +')">品类</a>';
                }
            },
            {
                "targets": [6],
                "data": "use_flg",
                "render": function(data, type, full) {
//                    if(data == 1){
//                        return '<a href="javascript:" onclick="disableClick('+ full.id +')">禁用</a>';
//                    }else{
//                        return '<a href="javascript:" onclick="enableClick('+ full.id +')">启用</a>';
//                    }
                	return '<span class="switch" data-id="'+ full.id +'" data-flg="'+(data == 1 ? 0 : 1)+'"><input  style="width:20px;height:20px;" type="checkbox" '+(data == 1 ? 'checked="checked"' : '')+' class="input-check"></span>';
                }
            }
        ],
        order: [[ 1, "desc" ]]
    });

    $('#tag_id_example').DataTable({
        dom: '<"top">rt<"bottom"flip><"clear">',
        language: {
            "sUrl":'../static/plugins/datatables/language.json'
        },
        "searching": false,
        "processing": true,
        "serverSide": true,
        ajax:{
            url:'/goods-tag/get-goods-tag',
            type:'post',
            data:function(d){
                d.tag_name = $('#tag_name').val();
                d.tag_group_id = $('#tag_group_id').val();
            }
        },
        aoColumns: [
            { "data": "", "bSortable": false},
            { "data": "id", "bSortable": true},
            { "data": "id", "bSortable": false},
            { "data": "tag_name", "bSortable": false },
            { "data": "tag_alias", "bSortable": false },
            { "data": "tag_group_name", "bSortable": false },
            { "data": "sort", "bSortable": true },
            { "data": "use_flg", "bSortable":false }
        ],
        columnDefs: [
            {
                "targets": [0],
                "orderable":false,
                "searchable":false,
                "render": function(data, type, full) {
                    return '<a href="javascript:" onclick="updateTag('+ full.id +')">修改</a>';
                }
            },
            {
                "targets": [1],
                "searchable":false
            },
            {
                "targets": [2],
                "orderable":false,
                "searchable":false,
                "render": function(data, type, full) {
                    return '<a href="javascript:" onclick="chooseSeo('+ full.id +',2)">修改</a>';
                }
            },
            {
                "targets": [7],
                "data": "use_flg",
                "render": function(data, type, full) {
//                    if(data == 1){
//                        return '<a href="javascript:" onclick="disableTag('+ full.id +')">禁用</a>';
//                    }else{
//                        return '<a href="javascript:" onclick="enableTag('+ full.id +')">启用</a>';
//                    }
                	return '<span class="switch" data-id="'+ full.id +'" data-flg="'+(data == 1 ? 0 : 1)+'"><input  style="width:20px;height:20px;" type="checkbox" '+(data == 1 ? 'checked="checked"' : '')+' class="input-check"></span>';
                }
            }
        ],
        order:[[1,'desc']]
    });
});

$('#select_button').click(function(){
    var table = $('#table_id_example').DataTable();
    table.ajax.reload();
})

$('#reset_button').click(function(){
    $('#tag_group_name').val('');
    var table = $('#table_id_example').DataTable();
    table.ajax.reload();
})

$('#depart_name').click(function(){
    if($('#treeDemo').hasClass('ul_tree_display')){
        $('#treeDemo').removeClass('ul_tree_display');
    }else{
        $('#treeDemo').addClass('ul_tree_display');
    }
})

function updateRoleGroup(id){
    $('#id').val(id);
    $.post('/goods-tag/get-one-tag-group',{id:id},success,'json');
    return false;
    function success(data){
        if(data == null){
            $('#myModal').modal('show');
        }else{
            if(data.code == 500){
                $.jBox.error(data.val, '错误');
            }else{
                $('#id').val(data.id);
                $('#tag_group_name_other').val(data.tag_group_name);
                $('#tag_group_alias_other').val(data.tag_group_alias);
                $('#sort').val(data.sort);
                $('#use_flg').val(data.use_flg);
                $('#myModal').modal('show');
            }
        }
    }
}

$('.ajax_post_depart').click(function(){
    var tag_group_name = $('#tag_group_name_other').val();

    if(tag_group_name == ''){
        $.jBox.error('请输入品类组名称', '错误');
        return false;
    }

    $.post($('#user_form').attr('action'),$('#user_form').serialize(),success,'json');
    return false;
    function success(data){
        if(data.code == 200)
        {
            $.jBox.tip('处理成功', 'success');
            window.setTimeout(function () { self.location.reload(); }, 1000);
        }
        else{
            $.jBox.error(data.val, '错误');
        }
    }
})

$('#add_button').click(function(){
    $('#role-modal').modal('show');
})

$('.ajax_post_role').click(function(){
    var tag_name_add = $('#tag_group_name_add').val();

    if(tag_name_add == ''){
        $.jBox.error('请输入品类组名称', '错误');
        return false;
    }

    $.post($('#role_form').attr('action'),$('#role_form').serialize(),success,'json');
    return false;
    function success(data){
        if(data.code == 200)
        {
            $.jBox.tip('处理成功', 'success');
            window.setTimeout(function () { self.location.reload(); }, 1000);
        }
        else{
            $.jBox.error(data.val, '错误');
        }
    }
})

//禁用
function disableClick(id){
    $.jBox.confirm("确定禁用吗？", "提示", function(v){
        if (v == 'ok'){
            $.post('/goods-tag/disable-group',{id:id},success,'json');
            return false;
            function success(data){
                if(data.code == 200)
                {
                    $.jBox.tip('处理成功', 'success');
                    window.setTimeout(function () { self.location.reload(); }, 1000);
                }
                else{
                    $.jBox.error(data.val, '错误');
                }
            }
        }else{
        	$('#table_id_example').find('span[data-id='+id+']').children('input').prop('checked',true);
            $.jBox.close();
        }
    });
}

//启用
function enableClick(id){
    $.jBox.confirm("确定启用吗？", "提示", function(v){
        if (v == 'ok'){
            $.post('/goods-tag/enable-group',{id:id},success,'json');
            return false;
            function success(data){
                if(data.code == 200)
                {
                    $.jBox.tip('处理成功', 'success');
                    window.setTimeout(function () { self.location.reload(); }, 1000);
                }
                else{
                    $.jBox.error(data.val, '错误');
                }
            }
        }else{
        	$('#table_id_example').find('span[data-id='+id+']').children('input').prop('checked',false);
            $.jBox.close();
        }
    });
}

function addTag(id){
    $('#tag_group_id').val(id);
    var table = $('#tag_id_example').DataTable();
    table.ajax.reload();
    $('#tag-modal').modal('show');
}
$('#select_tag_button').click(function(){
    var table = $('#tag_id_example').DataTable();
    table.ajax.reload();
})

$('#reset_tag_button').click(function(){
    $('#tag_name').val('');
    var table = $('#tag_id_example').DataTable();
    table.ajax.reload();
})

$('#add_tag_button').click(function(){
    var cate_tag_group_id = $('#tag_group_id').val();
    $('#tag_group_id_add').val(cate_tag_group_id);
    $('#add_tag_group_id').val(cate_tag_group_id);
    $('#input_table').empty();
    $('#input_table').append('<tr> <th>品类名称</th> <th>品类别名</th> <th>操作</th> </tr>');
    $('#add-tag-modal').modal('show');
})
$('#add_input').click(function(){
    var tr_length = $('#input_table').find('tr').length;

    var tr_length_ot = 0;

    $('#input_table').find('tr').each(function(){
        var data_length = $(this).attr('data-length');
        if(data_length != '' && data_length != undefined){
            tr_length_ot = eval(data_length);
        }
    })

    if(eval(tr_length_ot) > 0){
        tr_length = tr_length_ot + 1;
    }

    var html = '<tr data-length="'+tr_length+'"><td>'+
        '<input name="add_tag_name[]" class="form-control">'+
        '<input class="input_table_sort" value="'+tr_length+'" name="add_tag_sort[]" type="hidden"></td>'+
        '<td><input name="add_tag_alias[]" class="form-control"></td>'+
        '<td><a href="javascript:;" class="up_input_table_tr">上移</a> <a href="javascript:;" class="down_input_table_tr">下移</a> <a class="del_input_table_tr" href="javascript:;">删除</a></td> </tr>';
    $('#input_table').append(html);
})

$('table').delegate('.del_input_table_tr','click',function(){
    $(this).parent().parent().remove();
})

$('table').delegate('.up_input_table_tr','click',function(){
    var tr_index = $(this).parent().parent().prev().index();
    if(eval(tr_index) == 0){
        return true;
    }else{
        var obj = $(this).parent().parent().clone();
        $(this).parent().parent().prev().before(obj);
        $(this).parent().parent().remove();
    }

    $('#input_table').find('tr').each(function(){
        var tr_index = $(this).index();
        var data_length = $(this).attr('data-length');
        if(data_length != '' && data_length!= undefined && data_length != 0){
            $(this).attr('data-length',tr_index);
            $(this).find('.input_table_sort').val(tr_index);
        }
    })
})

$('table').delegate('.down_input_table_tr','click',function(){
    var tr_index = $(this).parent().parent().next().index();
    if(eval(tr_index) > eval(-1)){
        var obj = $(this).parent().parent().clone();
        $(this).parent().parent().next().after(obj);
        $(this).parent().parent().remove();
    }

    $('#input_table').find('tr').each(function(){
        var tr_index = $(this).index();
        var data_length = $(this).attr('data-length');
        if(data_length != '' && data_length!= undefined && data_length != 0){
            $(this).attr('data-length',tr_index);
            $(this).find('.input_table_sort').val(tr_index);
        }
    })
})

//提交 add_tag_form 表单
$('.ajax_post_tag').click(function(){
    $.post($('#add_tag_form').attr('action'),$('#add_tag_form').serialize(),success,'json');
    return false;
    function success(data){
        if(data.code == 200)
        {
            $.jBox.tip('处理成功', 'success');
            window.setTimeout(function(){
                var table = $('#tag_id_example').DataTable();
                table.ajax.reload();
                $('#add-tag-modal').modal('hide');
            },1000);
        }
        else{
            $.jBox.error(data.val, '错误');
        }
    }
})

//禁用
function disableTag(id){
    $.jBox.confirm("确定禁用吗？", "提示", function(v){
        if (v == 'ok'){
            $.post('/goods-tag/disable-tag',{id:id},success,'json');
            return false;
            function success(data){
                if(data.code == 200)
                {
                    $.jBox.tip('处理成功', 'success');
                    window.setTimeout(function () {
                        $.jBox.close();
                        var table = $('#tag_id_example').DataTable();
                        table.ajax.reload();
                    }, 1000);
                }
                else{
                    $.jBox.error(data.val, '错误');
                }
            }
        }else{
        	$('#tag_id_example').find('span[data-id='+id+']').children('input').prop('checked',true);
            $.jBox.close();
        }
    });
}

//启用
function enableTag(id){
    $.jBox.confirm("确定启用吗？", "提示", function(v){
        if (v == 'ok'){
            $.post('/goods-tag/enable-tag',{id:id},success,'json');
            return false;
            function success(data){
                if(data.code == 200)
                {
                    $.jBox.tip('处理成功', 'success');
                    window.setTimeout(function () {
                        $.jBox.close();
                        var table = $('#tag_id_example').DataTable();
                        table.ajax.reload();
                    }, 1000);
                }
                else{
                    $.jBox.error(data.val, '错误');
                }
            }
        }else{
        	$('#tag_id_example').find('span[data-id='+id+']').children('input').prop('checked',false);
            $.jBox.close();
        }
    });
}

function updateTag(id){
    $('#tag_id').val(id);
    $.post('/goods-tag/get-one-tag',{id:id},success,'json');
    return false;
    function success(data){
        if(data == null){
            $('#update-tag-modal').modal('show');
        }else{
            if(data.code == 500){
                $.jBox.error(data.val, '错误');
            }else{
                $('#id').val(data.id);
                $('#tag_name_update').val(data.tag_name);
                $('#tag_alias_update').val(data.tag_alias);
                $("#tag_group_id_update").val(data.tag_group_id);
                $('#update_tag_group_id').val(data.tag_group_id);
                $("#use_flg_update").val(data.use_flg);
                $("#sort_update").val(data.sort);
                $('#update-tag-modal').modal('show');
            }
        }
    }
}
$('.ajax_post_tag_update').click(function(){
    var tag_name_update = $('#tag_name_update').val();
    if(tag_name_update == ''){
        $.jBox.error('请输入品类名称', '错误');
        return false;
    }
    $.post($('#update_tag_form').attr('action'),$('#update_tag_form').serialize(),success,'json');
    return false;
    function success(data){
        if(data.code == 200)
        {
            $.jBox.tip('处理成功', 'success');
            window.setTimeout(function () {
                var table = $('#tag_id_example').DataTable();
                table.ajax.reload();
                $('#update-tag-modal').modal('hide');
            }, 1000);
        }
        else{
            $.jBox.error(data.val, '错误');
        }
    }
});

$('#table_id_example').on('click','.input-check',function(){
	var id = $(this).parent().attr('data-id');
	var use_flg = $(this).parent().attr('data-flg');
	if(use_flg == 1){
		enableClick(id);
	}else{
		disableClick(id);
	}
});

$('#tag_id_example').on('click','.input-check',function(){
	var id = $(this).parent().attr('data-id');
	var use_flg = $(this).parent().attr('data-flg');
	if(use_flg == 1){
		enableTag(id);
	}else{
		disableTag(id);
	}
});